<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>芬木网站</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta content="" name="keywords">
		<meta content="" name="description">
		<link rel="SHORTCUT ICON" href="img/favicon.png" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/app/index.css" />
		<script src="js/lib/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部 -->
		<div class="header main"></div>
		<script type="text/javascript">
			$('.header.main').load("头部-主.html");
		</script>
		<!--end-->
		<!--菜单-->
		<div class="home-nav"></div>
		<script type="text/javascript">
			$('.home-nav').load("template/home-nav.html");
		</script>
		<!--end-->
		<!--Banner & 用户-->
		<div class="home-banner">
			<div class="banner_box">
				<ul class="img_list">
					<li style="opacity:1; z-index:2;">
						<a target="_blank" href="" title=""><img alt="" src="img/home/banner1.jpg" /></a>
					</li>
					<li>
						<a target="_blank" href="" title=""><img alt="" /></a>
					</li>
					<li>
						<a target="_blank" href="" title=""><img alt="" /></a>
					</li>
				</ul>
				<p class="banner_focus">
					<a href="javascript:void(0)" class="on"></a>
					<a href="javascript:void(0)"></a>
					<a href="javascript:void(0)"></a>
				</p>
				<span class="banner_prev"></span>
				<span class="banner_next"></span>
			</div>
			<div class="home-user">
				<div class="user">
					<div class="icon-user"></div>
					<p class="welcome">您好！欢迎来到芬木网</p>
				</div>
				<div class="btn-group">
					<a class="btn-login" href="">立即登录</a>
					<a class="btn-register" href="">免费注册</a>
				</div>
				<div class="tab-list">
					<ul class="tab-nav">
						<li class="active">买家服务</li>
						<li>卖家服务</li>
					</ul>
					<!--买家服务-->
					<ul class="tab-cont">
						<li>
							<a href="">
								<i class="icon-mj0"></i>
								<p>搜现货</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj1"></i>
								<p>搜期货</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj2"></i>
								<p>发需求</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj3"></i>
								<p>找资金</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj5"></i>
								<p>看行情</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj4"></i>
								<p>会员帮助</p>
							</a>
						</li>
					</ul>
					<!--end-->
					<!--卖家服务-->
					<ul class="tab-cont hide">
						<li>
							<a href="">
								<i class="icon-mj6"></i>
								<p>店铺管理</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj7"></i>
								<p>商品管理</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj8"></i>
								<p>订单管理</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj3"></i>
								<p>找资金</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj5"></i>
								<p>看行情</p>
							</a>
						</li>
						<li>
							<a href="">
								<i class="icon-mj4"></i>
								<p>会员帮助</p>
							</a>
						</li>
					</ul>
					<!--end-->
				</div>
			</div>
		</div>
		<!--end-->
		<!--行情信息-->
		<div class="home-hqxx">
			<div class="container">
				<div class="cont-left">
					<a class="title" href="">
						行情信息
					</a>
					<div class="chart">
						<span class="desc">价格指数</span>
						<div id="container"></div>
					</div>
				</div>
				<div class="cont-center">
					<div class="nav-group">
						<a class="nav-item active" href="">西非材</a>
						<a class="nav-item" href="">东非材</a>
						<a class="nav-item" href="">巴新材</a>
						<a class="nav-item" href="">所罗门材</a>
						<a class="nav-item-dz" href="javascript:void(0)">张家港报价</a>
					</div>
					<div class="nav-cont">
						<ul class="cont-table fl">
							<li class="asc">
								<dl class="box1">
									<dt>奥古曼</dt>
									<!--<dd>A级</dd>-->
								</dl>
								<dl class="box2">
									<dt>加蓬</dt>
									<dd><i></i>30</dd>
								</dl>
								<dl class="box3">
									<dt>1小时前</dt>
									<dd>￥4200 - 4500</dd>
								</dl>
								<span></span>
							</li>
							<li class="asc">
								<dl class="box1">
									<dt>奥古曼</dt>
									<!--<dd>A级</dd>-->
								</dl>
								<dl class="box2">
									<dt>印度尼西亚</dt>
									<dd><i></i>30</dd>
								</dl>
								<dl class="box3">
									<dt>1小时前</dt>
									<dd>￥4200 - 4500</dd>
								</dl>
								<span></span>
							</li>
							<li class="asc">
								<dl class="box1">
									<dt>奥古曼</dt>
									<!--<dd>A级</dd>-->
								</dl>
								<dl class="box2">
									<dt>加蓬</dt>
									<dd><i></i>30</dd>
								</dl>
								<dl class="box3">
									<dt>1小时前</dt>
									<dd>￥4200 - 4500</dd>
								</dl>
								<span></span>
							</li>
						</ul>
						<ul class="cont-table fr">
							<li class="desc">
								<dl class="box1">
									<dt>奥古曼古曼</dt>
									<dd>A级</dd>
								</dl>
								<dl class="box2">
									<dt>加蓬加蓬加蓬</dt>
									<dd><i></i>30</dd>
								</dl>
								<dl class="box3">
									<dt>2017-12-15 15:30:00</dt>
									<dd>￥4200 - 4500</dd>
								</dl>
								<span></span>
							</li>
							<li class="desc">
								<dl class="box1">
									<dt>奥古曼</dt>
									<dd>A级</dd>
								</dl>
								<dl class="box2">
									<dt>加蓬</dt>
									<dd><i></i>30</dd>
								</dl>
								<dl class="box3">
									<dt>1小时前</dt>
									<dd>￥4200 - 4500</dd>
								</dl>
								<span></span>
							</li>
							<li>
								<dl class="box1">
									<dt>奥古曼</dt>
									<dd>A级</dd>
								</dl>
								<dl class="box2">
									<dt>加蓬</dt>
									<dd>-</dd>
								</dl>
								<dl class="box3">
									<dt>1小时前</dt>
									<dd>￥4200 - 4500</dd>
								</dl>
								<span></span>
							</li>
						</ul>
					</div>
				</div>
				<div class="cont-right">
					<p class="title">成交动态</p>
					<div class="cont-list">
						<div class="list-nav">
							<span class="t0">品名</span>
							<span class="t1">会员</span>
							<span class="t2">时间</span>
						</div>
						<div class="myscroll">
							<ul>
								<li>
									<span class="scrollName">PQ（铅笔柏）</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>153**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">大斑马木</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">漆木</span>
									<span>153**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">PQ（铅笔柏）</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
								<li>
									<span class="scrollName">奥古曼</span>
									<span>张**</span>
									<span>09/30 09:10</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--end-->
		<!--芬木商城-->
		<div class="home-fmsc">
			<div class="container">
				<div class="cont-left">
					<a class="title" href="">
						芬木商城
					</a>
					<ul class="fmsc-cont">
						<li>
							<i class="icon-sc0"></i>
							<p>货真价实</p>
						</li>
						<li>
							<i class="icon-sc1"></i>
							<p>认证企业</p>
						</li>
						<li>
							<i class="icon-sc2"></i>
							<p>担保交易</p>
						</li>
						<li>
							<i class="icon-sc3"></i>
							<p>优质服务</p>
						</li>
					</ul>
				</div>
				<div class="cont-center">
					<ul class="table-ul">
						<li class="th-wrap">
							<span class="m1">品名</span>
							<span class="m2">规格</span>
							<span class="m3">等级</span>
							<span class="m4">供应量</span>
							<span class="m5">产地</span>
							<span class="m6">挂牌价</span>
							<!--<span class="m7">地区</span>-->
						</li>
						<li class="td-wrap">
							<a href="#">
								<span class="m1">花梨木</span>
								<span class="m2">方材20-35</span>
								<span class="m3">A级</span>
								<span class="m4">100m³</span>
								<span class="m5">非洲</span>
								<span class="m6">￥4500</span>
								<!--<span class="m7">张家港</span>-->
							</a>
						</li>
						<li class="td-wrap">
							<a href="#">
								<span class="m1">花梨木</span>
								<span class="m2">方材20-35</span>
								<span class="m3">A级</span>
								<span class="m4">100m³</span>
								<span class="m5">非洲</span>
								<span class="m6">￥4500</span>
								<!--<span class="m7">张家港</span>-->
							</a>
						</li>
						<li class="td-wrap">
							<a href="#">
								<span class="m1">花梨木</span>
								<span class="m2">方材20-35</span>
								<span class="m3">A级</span>
								<span class="m4">100m³</span>
								<span class="m5">非洲</span>
								<span class="m6">￥4500</span>
								<!--<span class="m7">张家港</span>-->
							</a>
						</li>
						<li class="td-wrap">
							<a href="#">
								<span class="m1">花梨木</span>
								<span class="m2">方材20-35</span>
								<span class="m3">A级</span>
								<span class="m4">100m³</span>
								<span class="m5">非洲</span>
								<span class="m6">￥4500</span>
								<!--<span class="m7">张家港</span>-->
							</a>
						</li>
						<li class="td-wrap">
							<a href="#">
								<span class="m1">花梨木</span>
								<span class="m2">方材20-35</span>
								<span class="m3">A级</span>
								<span class="m4">100m³</span>
								<span class="m5">非洲</span>
								<span class="m6">￥4500</span>
								<!--<span class="m7">张家港</span>-->
							</a>
						</li>
						<li class="td-wrap">
							<a href="#">
								<span class="m1">花梨木</span>
								<span class="m2">方材20-35</span>
								<span class="m3">A级</span>
								<span class="m4">100m³</span>
								<span class="m5">非洲</span>
								<span class="m6">￥4500</span>
								<!--<span class="m7">张家港</span>-->
							</a>
						</li>
					</ul>
				</div>
				<div class="cont-right">
					<p class="title">卖家排行榜</p>
					<ul>
						<li class="pm1">
							<i>1</i>
							<span>上海展贡实业有限公司</span>
						</li>
						<li class="pm2">
							<i>2</i>
							<span>上海钢宇实业集团有限公司</span>
						</li>
						<li class="pm3">
							<i>3</i>
							<span>上海找钢网信息科技股份有限公司（上海建材）</span>
						</li>
						<li class="pm4">
							<i>4</i>
							<span>上海赐宝金属物资有限公司</span>
						</li>
						<li class="pm5">
							<i>5</i>
							<span>上海赐宝金属物资有限公司</span>
						</li>
						<li class="pm6">
							<i>6</i>
							<span>上海展贡实业有限公司</span>
						</li>
					</ul>
				</div>
				<div class="clearfix"></div>
				<div class="slide-warp">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="img/home/b1.jpg" />
							</div>
							<div class="swiper-slide">
								<img src="img/home/b2.jpg" />
							</div>
							<div class="swiper-slide">
								<img src="img/home/b3.jpg" />
							</div>
							<div class="swiper-slide">
								<img src="img/home/b4.jpg" />
							</div>
							<div class="swiper-slide">
								<img src="img/home/b5.jpg" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--end-->
		<!--热门求购-->
		<div class="home-rmqg">
			<div class="container">
				<div class="cont-left">
					<a class="title" href="javascript:void(0)">
						求购专区
					</a>
					<textarea name="purchase_content" id="purchase_content" class="textarea_message" placeholder="写下您的需求，包括品名、品牌、商家等"></textarea>
					<a class="btn-fb" href="">发布求购</a>
				</div>
				<div class="cont-right">
					<ul>
						<li>
							<p class="title">红橡 A级 4/4 </p>
							<p class="desc"><span>1000m³</span><span>交货地：太仓</span></p>
							<p class="time">发布时间 2017-09-19 05:22</p>
							<div class="price">
								<p>￥8800</p>
								<a class="btn-buy" href="javascript:void(0);">我要供货</a>
							</div>
						</li>
						<li>
							<p class="title">红橡 A级 4/4 </p>
							<p class="desc"><span>1000m³</span><span>交货地：太仓</span></p>
							<p class="time">发布时间 2017-09-19 05:22</p>
							<div class="price">
								<p>￥8800</p>
								<a class="btn-buy" href="javascript:void(0);">我要供货</a>
							</div>
						</li>
						<li>
							<p class="title">红橡 A级 4/4 </p>
							<p class="desc"><span>1000m³</span><span>交货地：太仓</span></p>
							<p class="time">发布时间 2017-09-19 05:22</p>
							<div class="price">
								<p>￥8800</p>
								<a class="btn-buy" href="javascript:void(0);">我要供货</a>
							</div>
						</li>
						<li>
							<p class="title">红橡 A级 4/4 </p>
							<p class="desc"><span>1000m³</span><span>交货地：太仓</span></p>
							<p class="time">发布时间 2017-09-19 05:22</p>
							<div class="price">
								<p>￥8800</p>
								<a class="btn-buy" href="javascript:void(0);">我要供货</a>
							</div>
						</li>
						<li>
							<p class="title">红橡 A级 4/4 </p>
							<p class="desc"><span>1000m³</span><span>交货地：太仓</span></p>
							<p class="time">发布时间 2017-09-19 05:22</p>
							<div class="price">
								<p>￥8800</p>
								<a class="btn-buy" href="javascript:void(0);">我要供货</a>
							</div>
						</li>
						<li>
							<p class="title">红橡 A级 4/4 </p>
							<p class="desc"><span>1000m³</span><span>交货地：太仓</span></p>
							<p class="time">发布时间 2017-09-19 05:22</p>
							<div class="price">
								<p>￥8800</p>
								<a class="btn-buy" href="javascript:void(0);">我要供货</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--end-->
		<!--芬木金融-->
		<div class="home-fmjr">
			<div class="container">
				<div class="cont-left">
					<a class="title" href="javascript:void(0)">
						芬木金融
					</a>
					<ul>
						<li class="m1"><i></i>成本低</li>
						<li class="m2"><i></i>期限活</li>
						<li class="m3"><i></i>速度快</li>
					</ul>
					<a class="btn-sq" href="">立即申请</a>
				</div>
				<div class="cont-right">
					<ul>
						<li class="m1">
							<i></i>
							<p class="desc">货押融资</p>
							<p class="price">50W-500W</p>
						</li>
						<li class="m2">
							<i></i>
							<p class="desc">提单融资</p>
							<p class="price">50W-500W</p>
						</li>
						<li class="m3">
							<i></i>
							<p class="desc">信用融资</p>
							<p class="price">10W-100W</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--end-->
		<!--合作伙伴-->
		<!--<div class="home-hzhb">
			<div class="container">
				<div class="cont-left">
					<a class="title" href="javascript:void(0)">
						合作伙伴
					</a>
				</div>
				<div class="cont-right">
					<div class="partner-list-wrap">
						<ul class="swiper-wrapper">
							<li class="swiper-slide">
								<div class="partner">
									<img src="img/home/partner1.jpg"/>
								</div>
								<div class="partner">
									<img src="img/home/partner5.jpg"/>
								</div>
							</li>
							<li class="swiper-slide">
								<div class="partner">
									<img src="img/home/partner2.jpg"/>
								</div>
								<div class="partner">
									
								</div>
							</li>
							<li class="swiper-slide">
								<div class="partner">
									<img src="img/home/partner3.jpg"/>
								</div>
								<div class="partner">
									
								</div>
							</li>
							<li class="swiper-slide">
								<div class="partner">
									<img src="img/home/partner4.jpg"/>
								</div>
								<div class="partner">
									
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>-->
		<!--end-->
		<!--芬木物流-->
		<!--<div class="home-fmwl">
			<div class="container">
				<div class="cont-left">
					<a class="title" href="javascript:void(0)">
						芬木物流
					</a>
					<img src="img/home/che.png" />
					<p>一键委托，全程无忧</p>
					<a class="btn-zc" href="">一键找车</a>
				</div>
				<div class="cont-right">
					<img src="img/home/wl.jpg" />
				</div>
			</div>
		</div>-->
		<!--end-->
		<!--成交动态提示-->
		<div id="tip_message" style="display: none;"></div>
		<!--end-->
		<!--底部-->
		<div class="footer main"></div>
		<script type="text/javascript">
			$('.footer.main').load("底部-主.html");
		</script>
		<!--end-->
		<!--侧栏-->
		<div class="sidebar"></div>
		<script type="text/javascript">
			$('.sidebar').load("template/sidebar.html");
		</script>
		<!--end-->
		<!--返回顶部-->
		<div class="back-top">
			<i class="icon-top"></i>
		</div>
		<!--end-->
		<!--我要供货弹窗-->
		<div class="buyzone-supply">
			<div class="maskbg"></div>
			<div class="table">
				<div class="table-cell">
					<div class="container">
						<a href="javascript:void(0)" class="close"></a>
						<h2>求购信息</h2>
						<p>品名：<span>奥古曼</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产地：<span>非洲</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品牌：<span>AAA级</span></p>
						<p>等级：<span>AAA级</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;意向价格：<span class="price">¥3400</span></p>
						<p>规格：<span>60*200*100-600</span></p>
						<h2>我要供货</h2>
						<ul>
							<li class="clearfix">
								<dl>
									<dt><i>*</i>立方数：</dt>
									<dd>
										<input type="text" value="" />
										<p class="warn"><i></i>请输入立方数。</p>
									</dd>
								</dl>
								<dl class="fr">
									<dt><i>*</i>联系人：</dt>
									<dd>
										<input type="text" value="" />
										<p class="warn"><i></i>请输入联系人。</p>
									</dd>
								</dl>
							</li>
							<li class="clearfix">
								<dl>
									<dt><i>*</i>单&nbsp;&nbsp;&nbsp;价：</dt>
									<dd>
										<input type="text" value="" />
										<p class="warn"><i></i>请输入单价。</p>
									</dd>
								</dl>
								<dl class="fr">
									<dt><i>*</i>电&nbsp;&nbsp;&nbsp;话：</dt>
									<dd>
										<input type="text" value="" />
										<p class="warn dimed"><i></i>请输入联系电话。</p>
									</dd>
								</dl>
							</li>
							<li class="clearfix">
								<dl>
									<dt>说&nbsp;&nbsp;&nbsp;明：</dt>
									<dd class="w352">
										<textarea rows="4"></textarea>
									</dd>
								</dl>
							</li>
							<li class="clearfix">
								<dl>
									<dt></dt>
									<dd class="w352">
										<a class="btn-submit" href="javascript:void(0)">提交</a>
									</dd>
								</dl>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--end-->
		<!--<script src="js/lib/echarts.simple.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lib/macarons.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/lib/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lib/idangerous.swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/app/home.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/app/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('.hot-line').click(function(){
				wood.confirm({
					msg:'<i class="icon-warn"></i>您还未登录，请先登录或注册',
					ensure:'登录',
					cancel:'注册',
					width:540
				})
			})
			$(function() {
				//价格指数走势图
				var date = ['07-24', '07-25', '07-26', '07-28', '07-31', '08-01', '08-02', '08-03', '08-07', '08-08', '08-09', '08-10', '08-11', '08-14', '08-15', '08-16', '08-17', '08-21', '08-22', '08-23', '08-24', '08-25', '08-28', '08-30', '08-31', '09-01', '09-04', '09-05', '09-06', '09-07', '09-08', '09-11', '09-12', '09-13', '09-14', '09-15', '09-18', '09-19', '09-20', '09-22', '09-25', '09-26', '09-27', '09-29', '09-30', '10-09', '10-10', '10-11', '10-12', '10-13', '10-16', '10-17', '10-18', '10-19'];
				var pe_traded_index = [1070.0, 1073.0, 1072.0, 1069.0, 1065.0, 1068.0, 1068.0, 1070.0, 1072.0, 1072.0, 1080.0, 1080.0, 1078.0, 1078.0, 1075.0, 1075.0, 1078.0, 1080.0, 1084.0, 1095.0, 1108.0, 1110.0, 1107.0, 1115.0, 1120.0, 1125.0, 1160.0, 1167.0, 1165.0, 1163.0, 1160.0, 1153.0, 1149.0, 1147.0, 1145.0, 1142.0, 1133.0, 1133.0, 1131.0, 1117.0, 1117.0, 1118.0, 1122.0, 1119.0, 1128.0, 1119.0, 1120.0, 1120.0, 1119.0, 1125.0, 1128.0, 1137.0, 1140.0, 1139.0];
				var pp_traded_index = [990.0, 990.0, 990.0, 965.0, 960.0, 975.0, 980.0, 980.0, 980.0, 985.0, 990.0, 990.0, 985.0, 985.0, 980.0, 980.0, 990.0, 1010.0, 1015.0, 1025.0, 1030.0, 1035.0, 1030.0, 1040.0, 1055.0, 1065.0, 1090.0, 1090.0, 1080.0, 1075.0, 1065.0, 1055.0, 1055.0, 1050.0, 1040.0, 1030.0, 1025.0, 1025.0, 1020.0, 1005.0, 1005.0, 1020.0, 1030.0, 1020.0, 1025.0, 1030.0, 1025.0, 1020.0, 1010.0, 1025.0, 1035.0, 1045.0, 1050.0, 1025.0];
				var pvc_traded_index = [888.0, 893.0, 893.0, 890.0, 888.0, 890.0, 903.0, 908.0, 933.0, 938.0, 943.0, 943.0, 953.0, 948.0, 938.0, 933.0, 933.0, 948.0, 948.0, 948.0, 948.0, 950.0, 953.0, 958.0, 958.0, 968.0, 978.0, 978.0, 978.0, 978.0, 976.0, 960.0, 965.0, 964.0, 958.0, 953.0, 938.0, 933.0, 928.0, 900.0, 900.0, 908.0, 908.0, 900.0, 900.0, 900.0, 890.0, 880.0, 870.0, 870.0, 870.0, 870.0, 870.0, 865.0];
				Highcharts.chart('container', {
					chart: {
						type: 'line'
					},
					credits: {
						enabled: false
					},
					title: {
						text: ' ',
						x: -20 //center
					},
					xAxis: {
						categories: date,
						tickInterval: 12,
					},
					yAxis: {
						title: ' ',
						labels: {
							format: '{value}'
						}
					},
					tooltip: {
						valueSuffix: ''
					},
					legend: {
						layout: 'horizontal',
						align: 'right',
						verticalAlign: 'top',
						borderWidth: 0,
						itemMarginTop: 0,
						itemDistance: 10,
						itemStyle:{
							"fontFamily":"思源黑体 CN, Microsoft YaHei, sans-serif",
						}
					},
					series: [{
						name: '东非',
						color: '#5d7eaa',
						data: pe_traded_index,
						marker: {
							radius: 0
						}
					}, {
						name: '西非',
						color: '#b74b4b',
						data: pp_traded_index,
						marker: {
							radius: 0
						}
					}, {
						name: '巴新',
						color: '#a3b86e',
						data: pvc_traded_index,
						marker: {
							radius: 0
						}
					}]
				});
			})

//			var colors = ['#5d7eaa', '#b74b4b', '#a3b86e'];
//			var date = ['07-24', '07-25', '07-26', '07-28', '07-31', '08-01', '08-02', '08-03', '08-07', '08-08', '08-09', '08-10', '08-11', '08-14', '08-15', '08-16', '08-17', '08-21', '08-22', '08-23', '08-24', '08-25', '08-28', '08-30', '08-31', '09-01', '09-04', '09-05', '09-06', '09-07', '09-08', '09-11', '09-12', '09-13', '09-14', '09-15', '09-18', '09-19', '09-20', '09-22', '09-25', '09-26', '09-27', '09-29', '09-30', '10-09', '10-10', '10-11', '10-12', '10-13', '10-16', '10-17', '10-18', '10-19'];
//			var pe_traded_index = [1070.0, 1073.0, 1072.0, 1069.0, 1065.0, 1068.0, 1068.0, 1070.0, 1072.0, 1072.0, 1080.0, 1080.0, 1078.0, 1078.0, 1075.0, 1075.0, 1078.0, 1080.0, 1084.0, 1095.0, 1108.0, 1110.0, 1107.0, 1115.0, 1120.0, 1125.0, 1160.0, 1167.0, 1165.0, 1163.0, 1160.0, 1153.0, 1149.0, 1147.0, 1145.0, 1142.0, 1133.0, 1133.0, 1131.0, 1117.0, 1117.0, 1118.0, 1122.0, 1119.0, 1128.0, 1119.0, 1120.0, 1120.0, 1119.0, 1125.0, 1128.0, 1137.0, 1140.0, 1139.0];
//			var pp_traded_index = [990.0, 990.0, 990.0, 965.0, 960.0, 975.0, 980.0, 980.0, 980.0, 985.0, 990.0, 990.0, 985.0, 985.0, 980.0, 980.0, 990.0, 1010.0, 1015.0, 1025.0, 1030.0, 1035.0, 1030.0, 1040.0, 1055.0, 1065.0, 1090.0, 1090.0, 1080.0, 1075.0, 1065.0, 1055.0, 1055.0, 1050.0, 1040.0, 1030.0, 1025.0, 1025.0, 1020.0, 1005.0, 1005.0, 1020.0, 1030.0, 1020.0, 1025.0, 1030.0, 1025.0, 1020.0, 1010.0, 1025.0, 1035.0, 1045.0, 1050.0, 1025.0];
//			var pvc_traded_index = [888.0, 893.0, 893.0, 890.0, 888.0, 890.0, 903.0, 908.0, 933.0, 938.0, 943.0, 943.0, 953.0, 948.0, 938.0, 933.0, 933.0, 948.0, 948.0, 948.0, 948.0, 950.0, 953.0, 958.0, 958.0, 968.0, 978.0, 978.0, 978.0, 978.0, 976.0, 960.0, 965.0, 964.0, 958.0, 953.0, 938.0, 933.0, 928.0, 900.0, 900.0, 908.0, 908.0, 900.0, 900.0, 900.0, 890.0, 880.0, 870.0, 870.0, 870.0, 870.0, 870.0, 865.0];
//							
//			var option = {
//				color: colors,
//				tooltip: {
//					trigger: 'none',
//					axisPointer: {
//						type: 'cross'
//					}
//				},
//				legend: {
//					data: ['东非', '西非','巴新']
//				},
//				grid: {
//					top: 70,
//					bottom: 50
//				},
//				xAxis: [{
//						type: 'category',
//						axisTick: {
//							alignWithLabel: true
//						},
//						axisLine: {
//							onZero: false,
//							lineStyle: {
//								color: colors[1]
//							}
//						},
//						axisPointer: {
//							label: {
//								formatter: function(params) {
//									return '降水量  ' + params.value +
//										(params.seriesData.length ? '：' + params.seriesData[0].data : '');
//								}
//							}
//						},
//						data: date
//					},
//					{
//						type: 'category',
//						axisTick: {
//							alignWithLabel: true
//						},
//						axisLine: {
//							onZero: false,
//							lineStyle: {
//								color: colors[0]
//							}
//						},
//						axisPointer: {
//							label: {
//								formatter: function(params) {
//									return '降水量  ' + params.value +
//										(params.seriesData.length ? '：' + params.seriesData[0].data : '');
//								}
//							}
//						},
//						data: date
//					}
//				],
//				yAxis: [{
//					type: 'value'
//				}],
//				series: [{
//						name: '东非',
//						type: 'line',
//						xAxisIndex: 1,
//						smooth: true,
//						data: pe_traded_index
//					},
//					{
//						name: '西非',
//						type: 'line',
//						smooth: true,
//						data: pp_traded_index
//					},
//					{
//						name: '巴新',
//						type: 'line',
//						smooth: true,
//						data: pvc_traded_index
//					}
//				]
//			};
//
//			var chart = echarts.init(document.getElementById('container'), 'vintage');
//			chart.setOption(option);
		</script>
	</body>

</html>